<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="jquery.mobile-1.4.5.css">
		<script src="jquery-1.11.1.min.js"></script>
		<script src="jquery.mobile-1.4.5.js"></script>
		
	</head>
	<body>
		<div data-role="page" id="page1" data-theme="a">
			<div data-role="header">
				<h1>主题a(默认)样式</h1>
			</div>
			<div data-role="main" class="ui-content">
				<p>文本内容</p>
				<a href="#page2" class="ui-btn">主题b样式</a>
				<input type="text" name="name" id="name" placeholder="请输入.." />
			</div>
			<div data-role="footer">
				<h1>页脚</h1>
			</div>
		</div>
		
		
		<div data-role="page" id="page2" data-theme="b">
			<div data-role="header">
				<h1>主题b样式</h1>
			</div>
			<div data-role="main" class="ui-content">
				<p>文本内容</p>
				<a href="#page1" class="ui-btn">返回主题a</a>
				<input type="text" name="name" id="name" placeholder="请输入.." />
			</div>
			<div data-role="footer">
				<h1>页脚</h1>
			</div>
		</div>
	</body>
</html>
